<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>글자 모양 태그</title>
	</head>
	<body>
		<p>전자 정부 표준 프레임워크를 활용하여 <b title="시각적 강조 : B">공공기관 개발 프로젝트</b> 진행하는 개발자</p>
		<!-- b : bold 굵게 표시. 특별한 의미 없이 시각적인 강조를 의미 -->
		<p>복잡한 스프링 프레임워크를 <i title="기울임 글꼴 : I">풍부한 그림, 도식, 표, 부분코드</i> 등 시각적 요소로 알기 쉽게 풀어냈다.</p>
		<!-- i : italic 글자를 기울여서 표시. 기술적인 용어나 외국어, 생각등을 나타낼 때 -->
		<p>피타고라스의 정리 : 빗면<sup>2</sup> = 밑변<sup>2</sup>  + 높이<sup>2</sup></p>
		<p>산소 : O<sub>2</sub> </p>
		<p>이산화탄소 : CO<sub>2</sub> </p>
		<p>물 : H<sub>2</sub>O </p>
		<!-- sup : superscript 위첨자. 영문 날짜의 접미사나 수학의 거듭제곱 표시에 사용
			sub : subscript 아래첨자. 각주 번호나 화확기호 표시에 사용
		-->
		<h1>semantic의미가 있는 markup태그</h1>
		<!--
			웹 페이지의 구조에 영향을 미치려는 것이 아니고 웹 페이지에 추가적인 정보를 제공하려는
			요소들을 의미함. 이러한 추가 정보는 스크린 리더나 검색엔진이 사용
		-->
		<p><strong title="강한강조">홀랴라랄,니뇨니냐</strong></p>
		<p><em title="일반강조">홀랴라랄,니뇨니냐</em></p>
		<p>오크상인이 말을 했다.
			<blockquote>구워웤구윅우약우우우우</blockquote></p>			
		<p>오크상인이 말을 했다.
			<q>구워웤구윅우약우우우우</q></p>		
		<p>오크상인이 말을 했다.
			<cite>구워웤구윅우약우우우우</cite></p>	
		<p><abbr title="HyperText Markup Language" style="text-decoration: underline">HTML</abbr>은 웹 페이지 작성 문법을 말하기도 한다</p>
		<p><abbr title="eXtensible HyperText Markup Language" style="text-decoration: underline">XHTML</abbr>은 HTML보다 엄격한 문법을 사용한다</p>
		<p><abbr title="Cascade StyleSheet" style="text-decoration: underline">CSS</abbr>는 웹페이지의 표현을 담당한다</p>
		<p><address>작성자 : <a href="mailto:yallooyalli@nininyo.com">얄라리 얄라셩 얄라리 얄라</a><br />
			크옥오우뱌라어녀져냐냐뉴뉴누니니리
		</address></p>
		<p><small>Copyrights (c) 2013. yallooyalliryoryoninyanyo. All Rights Reserved.</small></p>
		<p>내가 가진 장비중 <del>넥서스 태블릿</del>은 팔고 <ins>아이패드 에어</ins>는 새로 구입했다.</p>
		<!-- blockquote 태그는 단닥 내 긴 문장/단락 인용구에,
				q 태그는 단락 내 짧은 인용구에 사용.
				cite속성으로 인용의 출처도 밝힐 수 있음.
				blockquote 태그는 들여쓰기 효과.
				q 태그는 ""효과가 추가적으로 표시됨.
				
				abbr 태그는 약어는 머릿글자에 사용
				title 속성으로 전체 단어를 지정할 수 있음
				address 태그는 페이지 작성자에 대한 연락처를 전화번호나 이메일 주소에 사용
				
				small 태그는 저작권, 법률적 사항들을 표시
				
				del 태그는 삭제된 정보를 표시할 때 사용
				ins 태그는 새로 삽입된 정보를 표시할 때
			-->
	</body>
</html>